<!DOCTYPE html>
<!--产品中心 -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品中心</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/Brand introduction.css">
    <link rel="stylesheet" href="css/news.detalis.css">
    <link rel="stylesheet" href="css/product.css">
</head>

<body>
    <div class="continer">
        <!-- 头部statrt -->
        <div class=" header w">
            <!-- logo部分start -->
            <div class="logo">
                <img src="upload/03.1001(1).png" alt="">
            </div>
            <!-- logo部分end -->
            <!-- nav部分start -->
            <div class="nav">
                <ul>
                    <li><a href="index.html">公司首页</a></li>
                    <li><a href="Brand introduction.html">品牌介绍</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contactus.html">联系我们</a></li>
                    <li><a href="user.html">会员中心</a></li>
                </ul>
                <div class="Sign">
                    <ul>
                        <li><a href="login.html">登录</a></li>
                        <li><a href="rigister.html">注册</a></li>
                    </ul>
                </div>
                <div class="shopp">
                    <a href="shop cart.html">
                        <img src="upload/满购物车.png" alt="">
                        <span>0</span>
                    </a>
                </div>

                <div class="Sosu">
                    <input type="text" class="Search">
                    <a href="#">
                        <img src="upload/放大镜(1).png" alt="">
                    </a>
                </div>
            </div>
            <!-- nav部分end -->
        </div>

        <!-- 头部end -->
        <!-- 右边部分start -->
        <aside class="news-box-r">
            <!-- 右边头部盒子start -->
            <div class="hea-one">
                <div class="box-left">
                    <hr>
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                </div>
                <h3>产品中心</h3>
                <div class="box-right">
                    <span class="span-one"></span>
                    <span class="span-two"></span>
                    <span class="span-three"></span>
                    <hr>
                </div>
            </div>
            <!-- 右边头部盒子end -->
            <!-- 右边具体内容start -->
            <div class="proDuct-box">
                <div class="proDuct-box-one">
                    <ul>
                        <li><a href="#">北欧木艺</a></li>
                        <li><a href="#">原创木艺</a></li>
                        <li><a href="#">奇思妙想</a></li>
                        <li><a href="#">复古餐桌</a></li>
                    </ul>
                    <div class="proDuct-img">
                        <img src="imges/product_banner.png" alt="">
                        <span>多年以后，那些树依然年轻</span>
                    </div>
                    <div class="proDuct-img-box">
                        <ul>
                            <li>
                                <a href="pro detalis.html">
                                    <img src="imges/2945a233618ad37adb95bc4d0005512de7bee52323836-12gqbH_fw658.png"
                                        alt="">
                                    <h5>北欧现代简约柜</h5>
                                    <span>￥269</span>
                                </a>
                            </li>
                            <li><a href="#">
                                    <img src="imges/QQ截图20170407202412.png" alt="" style="left: 14px; top: 5px;">
                                    <h5>北欧现代简约椅</h5>
                                    <span>￥269</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" style="margin-right: 0;"><img src="imges/QQ截图20170407201843.png" alt=""
                                        style="left: 46px; top: 14px;">
                                    <h5>北欧现代简约椅</h5>
                                    <span>￥269</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 主体结束 -->
                </div>
            </div>
            <div class="proDuct-box-two">
                <!-- 索引模块start -->
                <div class="proDuct-index">
                    <ul>
                        <li><a href="#" class="proDuctIndex-d">上一页</a></li>
                        <li><a href="#" class="proDuctIndex">1</a></li>
                        <li><a href="#" class="proDuctIndex" style="margin-right: 18px;">2</a></li>
                        <li><a href="#" class="" style="margin-right: 20px;">...</a></li>
                        <li><a href="#" class="proDuctIndex">6</a></li>
                        <li><a href="#" class="proDuctIndex-d" style="margin-right: 0;">下一页</a></li>
                    </ul>
                </div>
                <!-- 索引模块end -->
            </div>
            <!-- 右边具体内容end -->
        </aside>
        <!-- 右边部分end -->
    </div>

    <!-- footer部分statr -->
    <footer class="footer">
        copyright 2002-2012 深圳市挪亚家有限公司版权所有 深ICP备12004685号
    </footer>
    <!-- footer部分end -->
</body>

</html>